import { defineConfig } from 'unocss'
import presetUno from '@unocss/preset-uno'
import presetAttributify from '@unocss/preset-attributify'
import presetIcons from '@unocss/preset-icons'

export default defineConfig({
  presets: [
    presetUno(),
    presetAttributify(),
    presetIcons(),
  ],
  rules: [
    ['w-70%', { width: '70%' }],
    ['w-30%', { width: '30%' }],
    ['w-60%', { width: '60%' }],
    ['w-80%', { width: '80%' }],
    ['h-20%', { height: '20%' }],
    ['h-12vw', { height: '12vw' }],
    ['text-4.8vw', { 'font-size': '4.8vw' }],
    ['rounded-15px', { 'border-radius': '15px' }],
    ['h-15', { height: '60px' }],
    ['h-screen-minus-60', { height: 'calc(100vh - 60px)' }],
    ['bg-index-banner', { 'background-image': 'url("src/assets/pic/index_banner.png")' }],
    ['z-1000', { 'z-index': '1000' }],
  ],
  shortcuts: {
  },
  theme: {
    colors: {
    }
  }
})
